<!Doctype html>
<html>
<head>
<meta charset="utf-8"/>
<title></title>
<style>
#total tr td{
background-color:blue;
}

.sub{
color:green;
}
table tr td:hover{
color:red;
}
input:hover{
background-color:yellow;
}
input:focus{
background-color:blue;
}
div{
background-image:url(logo.jpg);
height:900px;
background-repeat:no-repeat;
width:100%;
background-size:contain;
}
body{
margin:0px;
padding:0px;
}
</style>
</head>
<body>
<div>
<form action="" method="get" >
<table border="1" class="justify" align="center">
<tr>
<td>用户名：</td>
<td><input type="text" name="username"  placeholder="请输入用户名"/></td>
<tr>
<td>邮箱:</td>
<td><input type="email" name="email" placeholder="请输入邮箱地址"/></td>
<tr>
<td>密码：</td>
<td><input type="password"  name="password" required="required" placeholder="请输入密码"/></td>
<tr>
<td>确认密码</td>
<td><input type="password"  name="repassword" placeholder="请确认密码"/></td>
<tr>
<td>联系电话</td>
<td><input type="number" name="number" placeholder="请输入联系电话"/></td>
<tr>
<td><input type="checkbox" name="enusername" value="我是企业用户"/>我是企业用户</td>
<td></td>
<tr>
<td><input type="checkbox" name="agree" value="同意服务条款并注册">同意服务条款并注册</td>
<td></td>
<tr>
<td class="sub">提交注册<input type="button" style="width:100px;height:20px"/></td>
<td>已有账号</td>
</tr>
</table>
</form>
</div>
</body>
</html>